
@mixin border($color) {
    border: none;
    &:after {
        content: '';
        position: absolute;
        bottom: 0;
        background: $color;
        width: 100%;
        height: 1px;
        left: 0;
        transform-origin: 0 0;
        @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
            transform: scaleY(0.5);
        }
    }
}

@mixin page {
  position:absolute; 
	overflow:hidden; 
	-webkit-overflow-scrolling: touch; 
	top:0; 
	left:0; 
	bottom:0; 
	right:0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

@mixin contentBox {
    flex:1;
	  width: 100%;
    margin-top: 28px;
    background-image: url('https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f025bed1-101b-4383-9c33-bbbeccec7177/5792d57c-feb4-4ae7-8bd7-cdfd0e88fedd.png');
    background-size: 100% 100%;
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
    position: relative;
}

@mixin pageBottom {
    position: absolute;
    top: 0;
    bottom: $tabbar-height;
    width: 100%;
    background-color: $main-bgc;
    min-height: 100%;
    font-size: 1.2rem;
    overflow-y: scroll;
    box-sizing: border-box;
}